<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="js/jquery1.9.1.js"></script>
</head>
<body>
<button id="getEmps">获取员工列表</button>
<div id="emps">
    信息列表

</div>
</body>
<script>
    var serverPath="http://localhost:8080/day06/";

    $("#getEmps").on("click",function () {
        /**
         * 第一个参数:要访问的服务端处理程序的路径
         * 第二个参数:当请求时需要携带的参数，浏览器转换为name1=value1&name2=value2的形式
         * 第三个参数:当Ajax成功返回以后具体要处理的函数
         * */
        $.get(serverPath+"test1",{
            id:1,
            name:"jack",
            age:29
        },function (data) {
            //data:从服务端取回来的数据
            console.log(data);
            //解析JSON
            //通过DOM操作将数据更新到页面中
        });
    });
</script>
</html>